.index-page {
  margin: 0
  overflow: hidden
  color: #ffffff
  display: flex
  // justify-content: center
  // align-items: baseline
  // padding-top: 150px
  .color-bg {
    position: absolute
    top: 0
    left: 0
    width: 100vw
    height: 100vh
  }
  .image-bg {
    // filter: blur(1px)
    background-size: cover
    background-position: center
  }
  .shadow {
    border: none
    background: #36324f
    color: #fff
    &:hover {
      color: #fff
      background: linear-gradient(120deg, #5b97ff 30%, #62e3ff 60%, #64f3fe 100%)
    }
  }
  .nav {
    border: none
    // width: 194px
    // height: 53px
    border-radius: 13px
    color: #fff
    padding: 60px 40px 30px
    background: rgba(35, 32, 53, 0.5)
    cursor: pointer
    transition: transform 0.3s ease-in-out
    .el-image {
      width: 90px
      height: 70px
      object-fit: cover
    }
    .en-title {
      font-weight: bold
      font-size: 25px
      color: #423E5A
      line-height: 20px
    }
    .zh-title {
      letter-spacing: 5px
      font-size: 30px
      color: #FFFFFF
      line-height: 68px
    }
    &:hover {
      background: linear-gradient(120deg, #5b97ff 30%, #62e3ff 60%, #64f3fe 100%)
      transform: scale(1.15)
      .en-title {
        color: #3ca1e5
      }
      .zh-title {
        color: #423e5a
      }
    }
  }
  .menu-box {
    position: absolute
    top: 0
    width: 100%
    display: flex
    z-index: 11
    .el-menu {
      padding: 0 30px
      width: 100%
      display: flex
      justify-content: space-between
      background: none
      border: none
      .menu-item {
        display: flex
        padding: 20px 0
        color: #ffffff
        .title {
          font-size: 24px
          padding: 10px 10px 0 10px
        }
        .el-image {
          height: 50px
        }
        .el-button {
          margin-left: 10px
          span {
            margin-left: 5px
          }
        }
      }
    }
  }
  .content {
    text-align: center
    position: relative
    h1 {
      font-size: 5rem
      margin-bottom: 1rem
    }
    p {
      font-size: 1.5rem
      margin-bottom: 2rem
    }
    .navs {
      display: flex
      // max-width: 900px
      padding: 20px
      .nav-item {
        padding: 0 5px
        // width: 200px
        .el-button {
          width: 100%
          padding: 25px 20px
          font-size: 1.3rem
          transition: all 0.3s ease
          .iconfont {
            font-size: 24px
            margin-right: 10px
            position: relative
            top: -2px
          }
        }
      }
    }
  }
  .footer {
    .el-link__inner {
      color: #ffffff
    }
  }
}